<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>注册</title>
    <link rel="stylesheet" href="../css/zhuce.css">
    <link rel="shortcut icon" href="../images/tubiao.jpg">
    <script src="http://mockjs.com/dist/mock.js"></script>
    <script src="https://unpkg.com/axios/dist/axios.min.js"></script>
    <script src="../js/yzm.js" type="text/javascript"></script>
</head>
<body>
<!--头部-->
<header id="pageHeader">
        <img src="../images/tubiao.jpg" alt="">
        <div><h2>欢迎注册</h2></div>   
</header>

<!--表单内容-->
<article class="pageArticle">
    <div class="reg_left">
        <p>新用户注册</p>
        <p>USER REGISTER</p>
    </div>
    <div class="reg_center">
        <div class="reg_form">
            <form action="denglu.html" method="post">
                <table>
                    <tr>
                        <th><label for="username">用户名</label></th>
                        <td><input type="text" name="username" placeholder="请输入用户名" id="username" required></td>
                    </tr>
                    <tr>
                        <th><label for="password">密码</label></th>
                        <td><input type="password" name="password" placeholder="请输入密码" required  id="password"></td>
                    </tr>
                    <tr>
                        <th ><label for="Email">Email</label></th>
                        <td><input type="url" name="email" placeholder="请输入Email" id="Email">
                        </td>
                    </tr>
                    <tr>
                        <th ><label for="rename">姓名</label></th>
                        <td><input type="text" name="rename" placeholder="请输入真实姓名" id="rename">
                        </td>
                    </tr>
                    <tr>
                        <th ><label for="Telphone">手机号</label></th>
                        <td><input type="tel" name="telphone" placeholder="请输入您的手机号" id="Telphone"></td>
                    </tr>
                    <tr>
                        <th ><label for="yzm">验证码</label></th>
                        <td><input type="text" name="yzm" id="yzm"> <div id="first" ></div><a href="">换一张</a></td>
                    </tr>
                    <tr>
                        <th ><label>性别</label></th>
                        <td><input type="radio" name="gender" value="male" checked id="gender"> 男
                            <input type="radio" name="gender" value="female" id="gender"> 女
                        </td>
                    </tr>
                    <tr>
                        <th ><label for="Birthday">出生日期</label></th>
                        <td><input type="date" name="birthday" id="Birthday"></td>
                    </tr>
                    <tr>
                        <th><label for="lw"></label>偏爱礼物</th>
                        <td><input type="checkbox" name="lw" id="lw">贵重 <input type="checkbox" name="lw" id="lw">轻奢 <input type="checkbox" name="lw" id="lw">实用 <input type="checkbox" name="lw" id="lw">便宜实惠</td>
                    </tr>
                    <tr>
                    <tr>
                        <th><label for="lw">支持价位</th>
                         <td>  <select id="jg" name="jg">
                                <option value="100以下"  label="100以下"></option>
                                <option value="100-500元" selected label="100-500元"></option>
                                <option value="500-2000元" label="500-2000元"></option>
                                <option value="2000元以上" label="2000元以上"></option>  </select>
                        </td> 
                    <tr>
                        <th ><label for="tx">上传头像</label></th>
                        <td><input type="file" name="tx" id="tx"></td>
                    </tr>
                    </tr>
                       <td colspan="2" ><input type="submit" id="btn_sub" value="提交"></td>
                    </tr>
                    <tr>
                        <td colspan="2" ><a href="denglu.html"><input type="button" id="btn_sub" value="已有帐户，请登录"></a></td>
                     </tr>
                </table>
            </form>     
        </div>
    </div>
</article>
</body>
</html>
